<template>
	<view>
		<view class="query-flex">
			<u-cell-group>
				<u-cell-item title="条形码:" :arrow="false" class="list-title">
					<view class="inv-color">
						<image class="img" src="../../../../static/barcode.png" mode=""></image>
					</view>
				</u-cell-item>

				<u-cell-item title="卡片编码:" :arrow="false" class="list-title">
					<input class="list-text" type="text" :value="value" />
				</u-cell-item>

				<u-cell-item title="资产编码:" :arrow="false" class="list-title">
					<input class="list-text" type="text" :value="value" />
				</u-cell-item>

				<u-cell-item title="资产名称:" :arrow="false" class="list-title">
					<input class="list-text" type="text" :value="value" />
				</u-cell-item>

				<u-cell-item title="规格:" :arrow="false" class="list-title">
					<input class="list-text" type="text" :value="value" />
				</u-cell-item>

				<u-cell-item title="变动前使用权:" :arrow="false" class="list-title">
					<input class="list-text" type="text" :value="value" />
				</u-cell-item>

				<u-cell-item title="变动后使用权:" :arrow="false" class="list-title">
					<input class="list-text" type="text" :value="value" />
				</u-cell-item>

				<u-cell-item title="变动前使用部门:" :arrow="false" class="list-title">
					<input class="list-text" type="text" :value="value" />
				</u-cell-item>

				<u-cell-item title="变动后使用部门:" :arrow="false" class="list-title">
					<input class="list-text" type="text" :value="value" />
				</u-cell-item>
			</u-cell-group>

			<!-- 表格 -->
			<u-table style="overflow:scroll">
				<u-tr class="u-tr">
					<u-th class="u-th" width="100rpx">序号</u-th>
					<u-th class="u-th" width="200rpx">卡片编码</u-th>
					<u-th class="u-th" width="200rpx">资产编码</u-th>
					<u-th class="u-th" width="200rpx">资产名称</u-th>
					<u-th class="u-th" width="200rpx">规格</u-th>
					<u-th class="u-th" width="200rpx">变动前使用权</u-th>
					<u-th class="u-th" width="200rpx">变动后使用权</u-th>
					<u-th class="u-th" width="230rpx">变动前使用部门</u-th>
					<u-th class="u-th" width="230rpx">变动后使用部门</u-th>
				</u-tr>
				<u-tr class="u-tr">
					<u-td class="u-td" width="100rpx">1</u-td>
					<u-td class="u-td" width="200rpx">22</u-td>
					<u-td class="u-td" width="200rpx">楚河</u-td>
					<u-td class="u-td" width="200rpx">男</u-td>
					<u-td class="u-td" width="200rpx">22</u-td>
					<u-td class="u-td" width="200rpx">楚河</u-td>
					<u-td class="u-td" width="200rpx">男</u-td>
					<u-td class="u-td" width="230rpx">测试部</u-td>
					<u-td class="u-td" width="230rpx">开发部：0</u-td>
				</u-tr>
			</u-table>
		</view>

		<!-- 按钮 -->
		<view class="button-con">
			<view class="button-return">
				<view class="button">提交</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				value: "111",
			}
		},
		methods: {

		}
	}
</script>

<style lang="scss" scoped>
	.list-title {
		color: #799cb3;
	}
</style>
